
html {
    margin:0;
    padding:0;
}

body {
    font-family:verdana, arial, helvetica, sans-serif;
    font-size:12px;
    padding:10px;
    margin:0;
    display:block;
}

/** General styles **/

.darkBackground {
    background:#aaa;
}

.lessDarkBackground {
    background:#ccc;
}

.hiddenElement {
    display:none;
}

.clearer {
    float:none;
    clear:both;
    display:block;
}

/** Container boxes **/

.containerBox {
    width:720px;
    margin:0 auto;
}

.containerColumn {
    width:720px;
    display:block;
    float:left;
}

.secContainerColumn {
    margin-left:10px;
}

/** Box **/

.box {
    background:#eee;
    width:720px;
    margin-top:10px;
}

.box a {
    color:#2b2b4b;
    text-decoration:none;
}

.box a:hover {
    text-decoration:underline;
}

.box .margin {
    padding:10px;
    margin:0;
}

.box .boxTitle {
    margin:0 0 5px 0;
    background:#fff;
    padding:0 0 0 10px;
    border-bottom:#aaa 2px solid;
    position:relative;
}

.box .boxContent {

}

.box .contentTitle {
    font-size:1.2em;
    margin:0;
    padding:10px 0 10px 20px;
}

.box .boxDescription {
    background:#fff;
    padding:10px 10px 0 10px;
    margin:0 0 10px 0;
    color:#333;
    visibility:hidden;
    border:#aaa 1px solid;
}

.box .boxDescription p {
    margin:0;
    padding-top:0;
    padding-bottom:10px;
}

.box .boxContent ul,
.box .boxContent ol {
    margin-top:0;
    margin-bottom:0;
    padding-bottom:10px;
    padding-top:10px;
}

.box .boxContent ul.topicTitels,
.box .boxContent ul.topicSpeeches,
.box .boxContent ul.topicContent {
    list-style:none;
    padding:0;
    margin:0;
    display:block;
}

.box .boxContent ul.topicTitels li,
.box .boxContent ul.topicSpeeches li, 
.box .boxContent ul.topicContent li {
    display:block;
    list-style:none;
    padding:2px;
    margin:0;
    border-bottom:#aaa 1px solid;
}


.box .boxContent ul.topicTitels li.evenItem {
}
.box .boxContent ul.topicTitels li.oddItem {
}
.box .boxContent ul li.markedItem {
    font-weight:bold;
}

.box .boxContent .field {
    display:block;
    background:#fff;
    font-size:16px;
    text-align:center;
    padding:5px;
}

.box .boxContent .leftField {
    margin:0 5px 10px 0;
}

.box .boxContent .rightField {
    margin:0 0 10px 5px;
}


.box h2 .button {
    font-size:10px;
    margin:0 0 0 10px;
}

#titleBox,
#subtitleBox {
    margin-top:10px;
}

#titleBox h1,
#subtitleBox h1 {
    margin:0;
    padding:0;
}

/* Columns */

.columnspace {
    width:100%;
}


.column .columnTitle {
    text-align:center;
    border-bottom:#000 2px solid;
    font-size:1.5em;
    margin-top:0;
}

.oneColumn {
}

.column .columnContent {
    padding-top:10px;
}

.oneColumn .column {
    width:100%;
    float:left;
}

.twoColumns .column {
    width:50%;
    float:left;
}

.threeColumns .column {
    width:33.3333%;
    float:left;
}
.fourColumns .column {
    width:25%;
    float:left;
}


/** Input **/

.inputField {
    height:20px;
}

.inputField .label {
    float:left;
    line-height:20px;
    width:280px;
    text-align:right;
}

.inputField .slider {
    width:200px;
    float:left;
    height:10px;
    margin:4px 15px;
}

.inputField input {
    border:0;
    color:#f6931f;
    font-weight:bold;
    float:left;
    line-height:20px;
    width:50px;
    background:#eee;
}


#eq span {
    height:120px; float:left; margin:15px
}

#detailedList li a,
#mostActiveList li a,
#leastActiveList li a
{
    display:block;
    clear:both;
    text-decoration:none;
    color:#333;
}

/* Top menu */

#topMenu {
    display:block;
}

#topMenu ul {
    display:block;
    margin:0;
    padding:0;
    list-style:none;
}

#topMenu li {
    float:left;
    margin:0;
    padding:0;
    list-style:none;
}

#topMenu a.firstItem {
    border-left:#eee 1px solid;
}

#topMenu a {
    display:block;
    text-align:center;
    color:#333;
    padding:10px;
    text-decoration:none;
    background:#fff;
    border-top:#eee 1px solid;
    border-bottom:#eee 1px solid;
    border-right:#eee 1px solid;
}

#topMenu a.active,
#topMenu a:hover {
    background:#eee;
}

/** Difference government / chair / mayor ... **/

.governmentRole {
    color:#666 !important;
}

.chairRole {
    font-weight:bold !important;
}

.mayorRole {
    text-decoration:underline !important;
}

